<% layout('../layouts/layout.html', {
title: '注册',
page: 'user',
isColumn: false,
keywords: 'IForum SpringBoot',
description: 'IForum 大学生论坛 是一款基于SpringBoot的敏捷开发系统；以Spring Framework为核心容器，Spring MVC为模型视图控制器，Mybatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Disruptor作为并发框架，Bootstrap作为前端框架的系统。'
}){ %>
<div class="layui-container fly-marginTop">
  <div class="fly-panel fly-panel-user" pad20>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
      <ul class="layui-tab-title">
        <li><a href="${ctx}/user/login">登入</a></li>
        <li class="layui-this">注册</li>
      </ul>
      <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
        <div class="layui-tab-item layui-show">
          <div class="layui-form layui-form-pane">
            <form method="post">
              <div class="layui-form-item">
                <label for="school-name" class="layui-form-label">学校</label>
                <div class="layui-input-inline">
                  <input type="text" name="school" id="school-name" onclick="pop()" required autocomplete="off" class="layui-input" placeholder="请选择大学">
                </div>
                <div id="choose-box-wrapper" style="z-index: 1000;display: none;position: absolute;top: 181.5px;left: 177px;">
                  <div id="choose-box">
                    <div id="choose-box-title">
                      <span>选择学校</span>
                    </div>
                    <div id="choose-a-province"><a class="province-item choosen" province-id="1">北京</a><a class="province-item" province-id="2">上海</a><a class="province-item" province-id="3">黑龙江</a><a class="province-item" province-id="4">吉林</a><a class="province-item" province-id="5">辽宁</a><a class="province-item" province-id="6">天津</a><a class="province-item" province-id="7">安徽</a><a class="province-item" province-id="8">江苏</a><a class="province-item" province-id="9">浙江</a><a class="province-item" province-id="10">陕西</a><a class="province-item" province-id="11">湖北</a><a class="province-item" province-id="12">广东</a><a class="province-item" province-id="13">湖南</a><a class="province-item" province-id="14">甘肃</a><a class="province-item" province-id="15">四川</a><a class="province-item" province-id="16">山东</a><a class="province-item" province-id="17">福建</a><a class="province-item" province-id="18">河南</a><a class="province-item" province-id="19">重庆</a><a class="province-item" province-id="20">云南</a><a class="province-item" province-id="21">河北</a><a class="province-item" province-id="22">江西</a><a class="province-item" province-id="23">山西</a><a class="province-item" province-id="24">贵州</a><a class="province-item" province-id="25">广西</a><a class="province-item" province-id="26">内蒙古</a><a class="province-item" province-id="27">宁夏</a><a class="province-item" province-id="28">青海</a><a class="province-item" province-id="29">新疆</a><a class="province-item" province-id="30">海南</a><a class="province-item" province-id="31">西藏</a><a class="province-item" province-id="32">香港</a><a class="province-item" province-id="33">澳门</a><a class="province-item" province-id="34">台湾</a></div>
                    <div id="choose-a-school"><a class="school-item" school-id="1001">清华大学</a><a class="school-item" school-id="1002">北京大学</a><a class="school-item" school-id="1003">中国人民大学</a><a class="school-item" school-id="1004">北京航空航天大学</a><a class="school-item" school-id="1005">北京邮电大学</a><a class="school-item" school-id="1006">北京师范大学</a><a class="school-item" school-id="1007">中国传媒大学</a><a class="school-item" school-id="1008">北京语言大学</a><a class="school-item" school-id="1009">北京科技大学</a><a class="school-item" school-id="1010">中国农业大学</a><a class="school-item" school-id="1011">北京理工大学</a><a class="school-item" school-id="1012">北京林业大学</a><a class="school-item" school-id="1013">北京交通大学</a><a class="school-item" school-id="1014">中国矿业大学（北京）</a><a class="school-item" school-id="1015">北京信息科技大学</a><a class="school-item" school-id="1016">北京工业大学</a><a class="school-item" school-id="1017">北京化工大学</a><a class="school-item" school-id="1018">中国政法大学</a><a class="school-item" school-id="1019">对外经贸大学</a><a class="school-item" school-id="1020">中央民族大学</a><a class="school-item" school-id="1021">中国地质大学（北京）</a><a class="school-item" school-id="1022">中科院</a><a class="school-item" school-id="1023">北京中医药大学</a><a class="school-item" school-id="1024">首都经济贸易大学</a><a class="school-item" school-id="1025">中央财经大学</a><a class="school-item" school-id="1026">北方工业大学</a><a class="school-item" school-id="1027">中国石油大学（北京）</a><a class="school-item" school-id="1028">外交学院</a><a class="school-item" school-id="1029">首都师范大学</a><a class="school-item" school-id="1030">中央戏剧学院</a><a class="school-item" school-id="1031">中国青年政治学院</a><a class="school-item" school-id="1032">北京外国语大学</a><a class="school-item" school-id="1033">华北电力大学（北京）</a><a class="school-item" school-id="1034">中国人民公安大学</a><a class="school-item" school-id="1035">北京协和医学院</a><a class="school-item" school-id="1036">北京体育大学</a><a class="school-item" school-id="1037">北京工商大学</a><a class="school-item" school-id="1038">北京联合大学</a><a class="school-item" school-id="1039">首都医科大学</a><a class="school-item" school-id="1040">国际关系学院</a><a class="school-item" school-id="1041">中央美术学院</a><a class="school-item" school-id="1042">北京电子科技学院</a><a class="school-item" school-id="1043">中国劳动关系学院</a><a class="school-item" school-id="1044">中华女子学院</a><a class="school-item" school-id="1045">北京建筑工程学院</a><a class="school-item" school-id="1046">北京印刷学院</a><a class="school-item" school-id="1047">北京石油化工学院</a><a class="school-item" school-id="1048">首钢工学院</a><a class="school-item" school-id="1049">北京农学院</a><a class="school-item" school-id="1050">首都体育学院</a><a class="school-item" school-id="1051">北京第二外国语学院</a><a class="school-item" school-id="1052">北京物资学院</a><a class="school-item" school-id="1053">北京警察学院</a><a class="school-item" school-id="1054">中央音乐学院</a><a class="school-item" school-id="1055">中国戏曲学院</a><a class="school-item" school-id="1056">北京舞蹈学院</a><a class="school-item" school-id="1057">北京城市学院</a><a class="school-item" school-id="1058">北京电影学院</a><a class="school-item" school-id="1059">北京服装学院</a><a class="school-item" school-id="1060">青岛教育学院</a><a class="school-item" school-id="1061">北京体育职业学院</a><a class="school-item" school-id="1062">中国人民解放军装甲兵工程学院</a><a class="school-item" school-id="1067">中国石油勘探开发研究院</a><a class="school-item" school-id="1068">北京生命科学研究所</a><a class="school-item" school-id="1069">中国电影资料馆</a><a class="school-item" school-id="1070">北京工商大学嘉华学院</a><a class="school-item" school-id="1071">首都师范大学科德学院</a><a class="school-item" school-id="1072">北京工业大学耿丹学院</a><a class="school-item" school-id="1073">北京化工大学北方学院</a><a class="school-item" school-id="1074">北京联合大学广告学院</a><a class="school-item" school-id="1075">北京邮电大学世纪学院</a><a class="school-item" school-id="1076">北京国际商务学院</a><a class="school-item" school-id="1101">北京大学医学部</a><a class="school-item" school-id="1102">北京政法职业学院</a><a class="school-item" school-id="1103">北京信息职业技术学院</a><a class="school-item" school-id="1104">北京现代职业技术学院</a><a class="school-item" school-id="1105">北京现代音乐研修学院</a><a class="school-item" school-id="1106">北京戏曲艺术职业学院</a><a class="school-item" school-id="1107">北京锡华国际经贸职业学院</a><a class="school-item" school-id="1108">北京盛基艺术学校</a><a class="school-item" school-id="1109">北京培黎职业学院</a><a class="school-item" school-id="1110">北京农业职业学院</a><a class="school-item" school-id="1111">北京科技职业学院</a><a class="school-item" school-id="1112">北京科技经营管理学院</a><a class="school-item" school-id="1113">北京经贸职业学院</a><a class="school-item" school-id="1114">北京经济技术职业学院</a><a class="school-item" school-id="1115">北京京北职业技术学院</a><a class="school-item" school-id="1116">北京交通职业技术学院</a><a class="school-item" school-id="1117">北京吉利大学</a><a class="school-item" school-id="1118">北京汇佳职业学院</a><a class="school-item" school-id="1119">北京工业职业技术学院</a><a class="school-item" school-id="1120">北京工商管理专修学院</a><a class="school-item" school-id="1121">北京电子科技职业学院</a><a class="school-item" school-id="1122">北京财贸职业学院</a><a class="school-item" school-id="1123">北京北大方正软件技术学院</a><a class="school-item" school-id="1124">北大资源美术学院</a><a class="school-item" school-id="1125">北京人文大学</a><a class="school-item" school-id="1126">北京高等秘书学院</a><a class="school-item" school-id="1127">北京应用技术大学</a><a class="school-item" school-id="1128">中国防卫科技学院</a><a class="school-item" school-id="1129">中国音乐学院</a><a class="school-item" school-id="1130">中国信息大学</a><a class="school-item" school-id="1131">北京青年政治学院</a><a class="school-item" school-id="1132">北京财经专修学院</a><a class="school-item" school-id="1133">北京经济管理职业学院</a><a class="school-item" school-id="1134">北京美国英语语言学院</a><a class="school-item" school-id="1135">中国管理软件学院</a><a class="school-item" school-id="1136">财政部财政科学研究所</a><a class="school-item" school-id="1137">北大资源学院</a><a class="school-item" school-id="1138">现代管理大学</a><a class="school-item" school-id="1139">北京民族大学</a><a class="school-item" school-id="1140">北京市劳动保障职业学院</a><a class="school-item" school-id="1141">北京市建设职工大学</a><a class="school-item" school-id="1142">北京市房地产职工大学</a><a class="school-item" school-id="1143">北京市汽车工业总公司职工大学</a><a class="school-item" school-id="1144">北京市西城经济科学大学</a><a class="school-item" school-id="1145">北京市丰台区职工大学</a><a class="school-item" school-id="1146">北京广播电视大学</a><a class="school-item" school-id="1147">北京教育学院</a><a class="school-item" school-id="1148">北京市东城区职工业余大学</a><a class="school-item" school-id="1149">北京市总工会职工大学</a><a class="school-item" school-id="1150">北京市海淀区职工大学</a><a class="school-item" school-id="1151">北京市崇文区职工大学</a><a class="school-item" school-id="1152">北京宣武红旗业余大学</a><a class="school-item" school-id="1153">北京市石景山区业余大学</a><a class="school-item" school-id="1154">北京市朝阳区职工大学</a><a class="school-item" school-id="1155">北京市机械工业局职工大学</a><a class="school-item" school-id="1156">北京医药集团职工大学</a><a class="school-item" school-id="1157">北京劳动保障职业学院</a><a class="school-item" school-id="1158">北京社会管理职业学院</a><a class="school-item" school-id="1160">北京演艺专修学院</a><a class="school-item" school-id="1161">北京兴华大学</a><a class="school-item" school-id="1162">北京新园明职业学院</a><a class="school-item" school-id="1163">中央党校研究生院</a><a class="school-item" school-id="1164">中国社科院</a><a class="school-item" school-id="1165">北京旅游专修学院</a><a class="school-item" school-id="1166">东方文化艺术学院</a><a class="school-item" school-id="1167">首都联合职工大学</a><a class="school-item" school-id="1168">中国农业科学院</a><a class="school-item" school-id="1169">北京影视研修学院</a><a class="school-item" school-id="1170">国家法官学院</a><a class="school-item" school-id="1171">北京建设大学</a><a class="school-item" school-id="1172">北京金融学院</a><a class="school-item" school-id="1173">北京黄埔大学</a><a class="school-item" school-id="1174">中瑞酒店管理学院</a><a class="school-item" school-id="1175">中国建筑设计研究院</a><a class="school-item" school-id="1176">北京文理研修学院</a><a class="school-item" school-id="1177">北京当代艺术学院</a><a class="school-item" school-id="1178">北京大学国际法学院</a><a class="school-item" school-id="1179">北京交通运输职业学院</a><a class="school-item" school-id="1180">中国艺术研究院</a><a class="school-item" school-id="1181">北京工业大学通州分校</a><a class="school-item" school-id="1182">北京八维研修学院</a><a class="school-item" school-id="1998">网络销售大学</a><a class="school-item" school-id="1999">朝阳二外</a><a class="school-item" school-id="2000">中北国际演艺学校</a></div>
                    <div id="choose-box-bottom">
                      <input type="botton" onclick="hide()" value="关闭">
                    </div>
                  </div>
                </div>
                <#html:js  name="school-select"/>
                <#html:css  name="school-select"/>
              </div>
              <div class="layui-form-item">
                <label for="L_role" class="layui-form-label">角色</label>
                <div class="layui-input-inline">
                  <select id="L_role" name="role" class="layui-input" required="" lay-verify="required" autocomplete="off">
                    <option value="student">学生</option>
                    <option value="teacher">教师</option>
                  </select>
                </div>
                <div class="layui-form-mid layui-word-aux">
                  你在论坛中的角色：学生/教师
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_phone" class="layui-form-label">手机</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_phone" name="phone" required="" lay-verify="phone" autocomplete="off" class="layui-input" />
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">图形码</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_imagecode" name="imagecode" required="" lay-verify="required" autocomplete="off" class="layui-input" />
                </div>
                <div class="layui-form-mid" style="padding: 0!important;">
                  <span style="color: #c00;"><img id="img_jcaptcha"  src="/jcaptcha.jpg" width="100" height="40" /></span>
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">验证码</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请输入手机短信验证码" autocomplete="off" class="layui-input" />
                </div>
                <div class="layui-form-mid" style="padding: 0!important;">
                  <button type="button" class="layui-btn layui-btn-normal" id="FLY-getvercode">获取验证码</button>
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_realname" class="layui-form-label">昵称</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_realname" name="realname" required="" lay-verify="required" autocomplete="off" class="layui-input" />
                </div>
                <div class="layui-form-mid layui-word-aux">
                  你在社区的名字
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                  <input type="password" id="L_pass" name="pass" required="" lay-verify="required" autocomplete="off" class="layui-input" />
                </div>
                <div class="layui-form-mid layui-word-aux">
                  6到16个字符
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">确认密码</label>
                <div class="layui-input-inline">
                  <input type="password" id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off" class="layui-input" />
                </div>
              </div>
              <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
                <input type="checkbox" name="agreement" lay-skin="primary" title="" checked="" />
                <a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
              </div>
              <div class="layui-form-item">
                <button class="layui-btn" alert="1" lay-filter="*" lay-submit="">立即注册</button>
              </div>
              <div class="layui-form-item fly-form-app">
                <span>或者直接使用社交账号快捷注册</span>
                <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
                <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<% } %>
<script>
layui.config({
  version: "3.0.0"
  ,base: '${staticPath}/mods/'
}).extend({
  fly: 'index'
}).use('fly');
</script>